<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title>购买 OnePlus 5T</title>
		<meta name="keywords" content="一加手机，一加5，一加手机5，一加手机5T， OnePlus 5T，OnePlus 5，3T，一加3，一加2，一加金耳，1+，1+手机，一加科技，一加手机官网">
		<meta name="description" content="一加手机是一加科技推出的不将就、高品质一加智能4G手机，装配氢OS系统；1+手机官网提供正品一加手机5、一加手机3T/3、一加手机2、一加银耳2,、一加金耳等，品质保证，欢迎在线咨询购买。">
		<link rel="stylesheet" href="css/index.css" />
	</head>
	<body>
			<div class="oneplus">
			<!--头部-->
			<header class="web">
				<div class="header_box">
		             <div class="logo">
		             	<a href="http://www.oneplus.cn">
		             		<img src="img/logo.png"/>
		             	</a>
		             </div>
		             <div class="title">
		             	<div class="title_text">
		             		<ul>
		             			<li>
		             				<a href="http://www.oneplus.cn/5t" class="text">OnePlus 5T <i></i></a>
		             			</li>
		             			<li>
		             				<a href="http://store.oneplus.cn" class="text">商城 <i></i></a>
		             			</li>
								<li>
		             				<a href="http://service.oneplus.cn" class="text">服务 <i></i></a>
		             			</li>
								<li>
		             				<a href="http://pr.oneplus.cn" class="text">博客 <i></i></a>
			             		</li>
			             		<li>
		             				<a href="http://www.oneplusbbs.com" class="text">论坛 <i></i></a>
		             			</li>
		             		</ul>
		             	</div>
		             </div>
		             <div class="box_right">
		             	<div class="i_search">
		             		<a href="#">
		             			<span></span>
		             		</a>
		             	</div>
		             	<div class="i_cart">
		             		<a href="cart.html">
		             			<span></span>
		             		</a>
		             	</div>
		             	<div class="i_user">
		             		<a href="login.html">
		             			<span></span>
		             		</a>
		             	</div>
		             </div> 
	             </div>
			</header>
			<!--内容-->
			<div class="content">
				<div class="bar">
					<div class="cube">
						<div class="oneplus5t">
							<nav>
								<a href="http://www.oneplus.cn/product/oneplus5t" class="nav-title">OnePlus 5T</a>
								<ul class="menu">
									<li class="menu-item">
										<a href="http://www.oneplus.cn/5t#overview">概述</a>
									</li>
									<li class="menu-item">
										<a href="http://www.oneplus.cn/5t#specs">参数</a>
									</li>
								</ul>
								<div class="buy-btn">
									<a href="#" class="normal-link">常规购买</a>
									<a href="#" class="invite-link">邀请码购买</a>
								</div>
							</nav>
						</div>
					</div>
				</div>
				<!--购买页面-->
					<div class="op-main-content">
						<!--手机展示-->
						<div class="phone-content">
							<div class="phone-display">
								<div class="phone-full">
									<img src="img/phone.png" class="change-img"/>
								</div>
							</div>
							<a href="javascript:void(0);" target="_blank" class="link-icon">查看图库</a>
						</div>
						<div class="buy-right">
							<div class="buy-head">
								<div>
									<h1 class="buy-title">购买 OnePlus 5T </h1>
								</div>
							</div>
							<div class="phone-wrapper">
								<div class="wrapper-content">
									<div class="wrapper-title">选择版本</div>
									<ul class="clearfix">
										<li class="bp-cm-button"> 熔岩红 8GB+128GB ￥3499</li>
										<li class="bp-cm-button line">星辰黑 8GB+128GB ￥3499</li>
										<li class="bp-cm-button">星辰黑 6GB+64GB ￥2999</li>
									</ul>
								</div>
							</div>
							<div class="insurance">
								<div class="insurance-content">
									<div class="insurance-title">添加一加加多保服务(可选)</div>
								</div>
								<div class="prolong">
									<p class="prolong-p">
										* 加多保服务保障范围请阅读
									<a href="javascript:viod(0);" class="prolong-a"> 《一加加多保服务保障条款V2》</a>
									</p>
									<div class="prolong-content">
										<ul class="prolong-box">
											<li class="insurance-item">
												<div class="half-a-year">
													<!--<a href=""></a>-->
													<span class="select-btn"></span>
													<p class="half-year-p">半年延长保</p>
													<span class="half-time">保修期延长180天</span>
													<span class="price">¥ 79.00</span>
												</div>
											</li>
											<li class="insurance-item">
												<div class="half-a-year">
													<!--<a href=""></a>-->
													<span class="select-btn"></span>
													<p class="half-year-p">一年延长保</p>
													<span class="half-time">免费更换一次原装屏幕</span>
													<span class="price">¥ 129.00</span>
												</div>
											</li>
										</ul>
									</div>
								</div>
								<!--配件-->
								<div id="recommend">
									<div class="mountings">
										<div class="pj-title">添加适用于 OnePlus 5T 的配件(可选)</div>
										<div class="pj-content">
											<ul class="pj-ul">
												<li class="accessories-item">
													<div class="main-info clearfix">
														<p class="tit">
															<span></span>
															<span>OnePlus 5T 3D钢化玻璃保护膜 黑色</span>
															<span></span>
														</p>
														<a href="http://store.oneplus.cn/products/P1100251" class="img-box" target="_blank">
															<img src="img/plone2.png"/>
														</a>
														<p class="price-box">  
															<span>¥ 99.00</span>
															<b class="saved-box">
																<span class="saved-money">节省 ¥ 30.00</span>
															</b>
														</p>
													</div>
												</li>
												<li class="accessories-item">
													<div class="main-info clearfix">
														<p class="tit">
															一加银耳2
														</p>
														<a href="http://store.oneplus.cn/products/02040083" class="img-box" target="_blank">
															<img src="img/ej.png"/>
														</a>
														<div class="ej-color">
															<span class="rounder-selecter"><img src="img/ej01.jpg"/></span>
															<span class="rounder-selecter"><img src="img/ej02.jpg"/></span>
														</div>
														<p class="price-box">
															<span>¥ 99.00</span>
															<b class="saved-box">
																<span class="saved-money">节省 ¥ 20.00</span>
															</b>
														</p>
													</div>
												</li>
												<li class="accessories-item">
													<div class="main-info clearfix">
														<p class="tit">
															<span></span>
															<span>OnePlus 5T 个性保护壳</span>
															<span></span>
														</p>
														<a href="http://store.oneplus.cn/products/P1100251" class="img-box" target="_blank">
															<img src="img/ke.png"/>
														</a>
														<div class="ej-color">
															<span class="rounder-selecter"><img src="img/ej01.jpg"/></span>
															<span class="rounder-selecter"><img src="img/ej01.jpg"/></span>
														</div>
														<p class="price-box">
															<span>¥ 89.00</span>
															<b class="saved-box">
																<span class="saved-money">节省 ¥ 10.00</span>
															</b>
														</p>
													</div>
												</li>
												<li class="accessories-item">
													<div class="main-info clearfix">
														<p class="tit">
															<span></span>
															<span>闪充套装升级版</span>
															<span></span>
														</p>
														<a href="http://store.oneplus.cn/products/P1100251" class="img-box" target="_blank">
															<img src="img/congdian.png"/>
														</a>
														<p class="price-box">
															<span> ¥ 179.00</span>
															<b class="saved-box">
																<span class="saved-money">节省 ¥ 19.00</span>
															</b>
														</p>
													</div>
												</li>
											</ul>
										</div>
									</div>
								</div>
								<!--结算-->
								<div class="buy-end">
									<div class="end-box clearfix">
										<div class="number">
											<span>¥ 3499.00</span>
										</div>
										<a href="javascript:void(0)" class="end-btn clearfix">
											<span>立即购买</span>
										</a>
									</div>
								</div>
								<!--花呗分期-->
								<div class="installment">
									<p class="installment-text">
										<i class="i-installment-logo"></i>
										<span class="span-text">花呗分期付款最低月供</span>
										<span class="span-money">
											￥313.45 
											<i> x </i>
											 12期
										</span>
										<span class="span-more">?</span>
									</p>
									<div class="more-text">
										<ul class="more-table">
											<li class="li-th">
												<span class="li-td">每期金额</span>
												<span class="li-td"> 期数 </span>
												<span class="li-td">合计（含手续费）</span>
											</li>
											<li class="li-tr">
												<span class="li-td">￥1193.16</span>
												<span class="li-td"> x 3 </span>
												<span class="li-td">
													<span> ≈ ¥3579.48 </span>
													<span>每期  2.30% 手续费</span>
												</span>
											</li>
											<li class="li-tr">
												<span class="li-td">￥609.41</span>
												<span class="li-td"> x 6 </span>
												<span class="li-td">
													<span> ≈ ¥3656.46 </span>
													<span>每期  4.50% 手续费</span>
												</span>
											</li>
											<li class="li-tr">
												<span class="li-td">￥ 313.45</span>
												<span class="li-td"> x 12 </span>
												<span class="li-td">
													<span> ≈ ¥3761.42 </span>
													<span>每期  7.50% 手续费</span>
												</span>
											</li>
										</ul>
										<p class="more-p">*实际分期金额和手续费以收银台为准</p>
										<ul class="checklater">
											<li class="clearfix">
												<span class="li-td">
													<i class="i-checklater-1"></i>
													<span> 0首付 </span>
												</span>
												<span class="li-td">
													<i class="i-checklater-2"></i>
													<span> 分期无压力 </span>
												</span>
											</li>
											<li>
												<span class="li-td">
													<i class="i-checklater-3"></i>
													<span> 支付宝自动还款 </span>
												</span>
												<span class="li-td">
													<i class="i-checklater-4"></i>
													<span> 轻松无忧 </span>
												</span>
											</li>
										</ul>
										<div class="clearfix"></div>
										<p class="more-link">
											<i></i>
											<a href="http://service.oneplus.cn/faq?categoryId=11000094" target="_blank">了解更多</a>
										</p>
										<a href="#" class="arrow-icon">
											
										</a>
									</div>
								</div>
							</div>
						</div>
					</div>
					<!--包装清单-->
					<div class="packing-box">
						<h3>包装清单</h3>
						<div class="packing-content">
							<!--手机包装-->
							<div class="packing-phone-box">
								<div class="img-item">
									<div class="img">
										<img src="img/bottomphone.jpg" alt="一加手机"/>
									</div>
									<p> OnePlus 5T </p>
								</div>
							</div>
							<!--数据线跟适配器-->
							<div class="packing-inner-box clearfix">
								<div class="data-line">
										<div class="img">
											<img src="img/dataLine.webp" alt="手机充电线"/>
										</div>
										<p> Dash 闪充Type-C数据线 </p>
								</div>
								<div class="adapter">
									<div class="img">
										<img src="img/adapter.webp" alt="电源适配器"/>
									</div>
									<p> Dash 闪充适配器 </p>
								</div>
							</div>
						</div>
					</div>
			</div>
			
			<!--尾部-->
			<footer>
				<div class="footer-link">
					<div class="footer-ul">
						<ul>
							<h2>一加产品</h2>
							<li><a href="http://www.oneplus.cn/5t">OnePlus 5T</a></li>
							<li><a href="http://www.oneplus.cn/product/oneplus5">OnePlus 5</a></li>
							<li><a href="http://www.oneplus.cn/product/oneplus3t">OnePlus 3T</a></li>
							<li><a href="http://www.oneplus.cn/product/oneplus3">OnePlus 3</a></li>
						</ul>
					</div>
					<div class="footer-ul">
						<ul>
							<h2>关于一加</h2>
							<li><a href="http://www.oneplus.cn/aboutus">了解一加</a></li>
							<li><a href="http://career.oneplus.cn">加入一加</a></li>
							<li><a href="http://www.h2os.com/">H2OS</a></li>
							
						</ul>
					</div>
					<div class="footer-ul">
						<ul>
							<h2>服务支持</h2>
							<li><a href="http://service.oneplus.cn/selfservice">自助服务</a></li>
							<li><a href="http://support.oneplus.cn/">技术支持</a></li>
							<li><a href="http://service.oneplus.cn/faq?categoryId=A1000029">售后服务</a></li>
							<li><a href="http://www.oneplus.cn/product/jiaduobao">一加加多保</a></li>
						</ul>
					</div>
					<div class="footer-kf">
						<h1>400-888-1111</h1>
						<a href="http://www.sobot.com/chat/pc/index.html?sysNum=8b1ffba807764bc3bf2da878e5bb3df6" target="_blank">在线客服</a>
						<div class="time">周一至周日 9:00 - 22:00</div>
					</div>
				</div>
				<div class="footer-bottom">
					<div class="bottom-text">
						<div class="flag">
							Change locations<a href=""><img src="img/flag.png"/></a>
						</div>
						<!--<div class="clear"></div>-->
						<div class="bottom-right">
							<span class="right-text">© 2013-2017  OnePlus. All Rights Reserved.  (粤ICP备13088308号-1)</span>
							<span class="cnnic">
								<a href="https://ss.knet.cn/verifyseal.dll?sn=e14063044030050707awmq000000&ct=df&a=1&pa=20151014">
									<img src="img/cnnic.png"/>
								</a>
							</span>
							<span class="record">
								<a href="http://www.beian.gov.cn/portal/registerSystemInfo?recordcode=44030402000178">
									<img src="img/record.png"/>粤公网安备 44030402000178号
								</a>
							</span>
						</div>
					</div>
				</div>
			</footer>
		</div>
		
		
	</body>
</html>
